﻿* {
    padding: 0px;
    margin: 0px;
}

ul {
    list-style: none;
}

.win8-main {
    position: absolute;
    width: 600px;
    height: 450px;
    top: calc(50% - 250px);
    left: calc(50% - 300px);
}

.win8-items > li {
    width: 146px;
    height: 146px;
    background: transparent url('') no-repeat 50% 40%;
    position: relative;
    float: left;
    list-style: none;
    margin: 2px;
    overflow: hidden;
    transition: all .5s ease;
}

    .win8-items > li[data-limit="1"]:hover {
        animation: bounce 1s ease;
    }

    .win8-items > li[data-limit="0"]:hover {
        animation: shake 1s ease;
    }

    .win8-items > li > span {
        position: absolute;
        width: 100%;
        color: #FFF;
        text-align: center;
        bottom: 15px;
    }

.win8-alert-no {
    background: transparent url('/Content/Images/sysimg/win8-noin.png') no-repeat 50% 50%;
    right: 11px;
    top: 9px;
    width: 25px !important;
    height: 25px;
    display: inline-block;
    background-size: 25px 25px;
}

.win8-alert-ok {

    right: 11px;
    top: 9px;
    width: 25px !important;
    height: 25px;
    display: inline-block;
    background-size: 25px 25px;
}
